
.myself{
      width:1390px;
       margin: 0 auto;
}
.head{
     background: -webkit-linear-gradient(left, black ,#42824E);
      width:1366px;
      height:93px;
}
.todolist{
      margin-left: 53px;
      margin-top: 25px;
      float:left;
      width:167px;
      height: 48px;
}
.to{
      font-family:"226-CAI978";
      font-size: 55px;
      float:left;
      color: #42824E;
}
.list{
      float:left;
      margin-top: 13px;
      font-size: 30px;
      color: white;
}
.creat{
    
      float:right;
      width:250px;
      background: white;
  
   margin-right: 60px;
   margin-top: 45px;
 border-radius: 30px;

}
.border{
      float:left;
      width:201px;
      height:30px;
    border-radius: 30px;
     border: 1px solid white;
}
.exit{
      margin-top:45px;
      padding-right: 30px;
    
      float:right;
      color: #FFFFFF;
      font-size: 24px;
}
.left-side{
      display:inline-block;
      height:669px;
      width:200px;
      background: -webkit-linear-gradient(left,#C2C2C2,gainsboro);
}
.point{
      display:inline-block;
   
      width:200px;
      height: 50px;
      background: -webkit-linear-gradient(left, #4D4D4D,#BABABA);
}
.inventory{
    font-size: 24px;
   
      text-align: center;
      margin:10px;
}
.stale{
      text-align: center;
      margin:50px; 
      font-size: 22px;
}
.todo{
    color: white;
      text-align: center;
      margin:5px; 
      font-size: 22px;
}
.done{
      text-align: center;
      margin:50px; 
      font-size: 22px;
}
.font{
      text-align: center;
      margin-top: 250px;
}
.content{
      float:right;
      width:1150px;
}
.add-title{
    margin-top: 5px;
      width:227px;
      height:42px;
      background:#E8E8E8;
      border:1px solid #9BCD9B;
      border-radius: 30px; 
}
.add-content{
      margin-top: 5px;
      width:1041px;
      height:67px;
       background:#E8E8E8;
      border:1px solid #9BCD9B;
      border-radius: 15px; 
}
.add-remark{
       margin-top: 5px;
      width:1041px;
      height:36px;
       background:#E8E8E8;
      border:1px solid #9BCD9B;
      border-radius: 15px; 
}
.build-time{
    margin-top: 5px;
      width:227px;
      height:30px;
      background:#E8E8E8;
      border:1px solid #9BCD9B;
      border-radius: 30px; 
}
.expiration-time{
    margin-top: 5px;
      width:227px;
      height:30px;
      background:#E8E8E8;
      border:1px solid #9BCD9B;
      border-radius: 30px; 
}
.connect1{
      vertical-align: middle;
}
.add{
 background: -webkit-linear-gradient(left,#71C671,#C0FF3E); 
 border-radius: 15px;
 width:70px;
 color:white;
}
.all{
      
      float:right;
      width:1041px;
      height:466px;
      margin-right: 110px;
      margin-top: 8px;
     border:1px solid #999999;
     border-radius:15px;
}
.inventory-name{
 
    display: inline-table;
     width:749px;
      color:#006400;
      margin-left: 30px;
      margin-top: 20px;

}
.dropdown-arrow{
    
      vertical-align: top;
      margin-right: 10px;
}
 .numbers{
    
    font-size: 20px;
     margin-left: 30px;
      margin-top: 20px;
   width:20px;
  
 }
.inventory-contents{
      display:inline-block;
      float:left;
    width:920px;
    height: 210px;
    margin-left:25px;
    margin-top: 15px;
}


.item1{
      color:#317414;
      width:733px;
      height: 58px;
      background: #C2C2C2;
      margin-left: 30px;
      margin-top: 23px;
      font-size: 20px;
}
u{
      color: #317414;
      float: left;
      font-size: 17px;
     padding-bottom: 180px;
}
.u2{
      display: inline-block;
}

.content1{
      margin-left: 3px;
      float:right;
      display:inline-block;
    width:890px;
    height: 209px;
    border:1px solid gray;
}
.content2{
   margin-left: 3px;
   margin-top: 10px;
      float:right;
      display:inline-block;
    width:890px;
    height:180px;
    border:1px solid gray;
}
.checkbox1{
     
      margin-left: 15px;
      margin-top: 15px;
}
.write-title{
      color:green;
      width:200px;
      display:inline-block;
      border-bottom: 1px solid green;

}
.change{
      float:right;
      display:inline-block;
      margin: 20px;
}
.write-content{
      margin-top: 10px;
      margin-left: 40px;
      color:green;
      width:700px;
      display:inline-block;
      border-bottom: 1px solid green;
}
.write-remark{
        margin-top: 30px;
      margin-left: 40px;
      color:green;
      width:800px;
      display:inline-block;
}
.display-time{
        margin-top: 30px;
      margin-left: 30px;
      color:green;
      display: inline-block;
}
.connect2{
      vertical-align: middle;

}
.write-expiration{
      margin-top: 30px;
      margin-left: 5px;
      color:green;
      display: inline-block;
}

.delete{
      float:right;
      width:30px;
      margin-right: 30px;
      margin-top: 17px;
}


.checkbox2{
 vertical-align: -webkit-baseline-center;
      margin-right: 10px;
      margin-top: 10px;
}


.slid{
      margin-top: 10px;
      margin-right: 20px;
      border-radius: 30px;
      width:15px;
      height: 444px;
      background: #EEE9E9;
      float:right;
}
.small-slid{
      border-radius: 30px;
      background: #999999;
      margin-top: 10px;
      margin-left: 3px;
      width:10px;
      height: 100px;
}
